'use client';

import type { Metadata } from 'next'
import './globals.css'
import { useEffect, useState } from 'react'

// 由于使用了'use client'，我们需要单独设置metadata
// export const metadata: Metadata = {
//   title: '机器人创新实验室',
//   description: '致力于机器人技术研发与创新，培养优秀的机器人工程师',
//   keywords: ['机器人', '人工智能', '创新实验室', '科研', '技术'],
//   authors: [{ name: '机器人创新实验室' }],
//   viewport: 'width=device-width, initial-scale=1',
// }

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  const [themeColors, setThemeColors] = useState({
    primary: '#3b82f6',
    secondary: '#64748b',
    background: '#ffffff'
  });

  useEffect(() => {
    // 获取主题配置
    const fetchTheme = async () => {
      try {
        const response = await fetch('/api/config');
        if (response.ok) {
          const data = await response.json();
          if (data.success && data.data?.theme) {
            setThemeColors({
              primary: data.data.theme.primaryColor || '#3b82f6',
              secondary: data.data.theme.secondaryColor || '#64748b',
              background: data.data.theme.backgroundColor || '#ffffff'
            });

            // 设置CSS变量
            document.documentElement.style.setProperty('--primary-color', data.data.theme.primaryColor || '#3b82f6');
            document.documentElement.style.setProperty('--secondary-color', data.data.theme.secondaryColor || '#64748b');
            document.documentElement.style.setProperty('--background-color', data.data.theme.backgroundColor || '#ffffff');
            
            // 更新页面标题和描述
            document.title = data.data.title || '机器人创新实验室';
            const metaDescription = document.querySelector('meta[name="description"]');
            if (metaDescription) {
              metaDescription.setAttribute('content', data.data.description || '致力于机器人技术研发与创新，培养优秀的机器人工程师');
            } else {
              const meta = document.createElement('meta');
              meta.name = 'description';
              meta.content = data.data.description || '致力于机器人技术研发与创新，培养优秀的机器人工程师';
              document.head.appendChild(meta);
            }
          }
        }
      } catch (error) {
        console.error('Failed to fetch theme config:', error);
      }
    };

    fetchTheme();
  }, []);

  return (
    <html lang="zh-CN">
      <head>
        <link rel="icon" href="/favicon.ico" />
        <meta name="theme-color" content={themeColors.primary} />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
      </head>
      <body className="antialiased" style={{ backgroundColor: themeColors.background }}>
        {children}
      </body>
    </html>
  )
}